<!--
 * @Author: 周洋 1430536748@qq.com
 * @Date: 2024-08-21 10:17:11
 * @LastEditors: 周洋 1430536748@qq.com
 * @LastEditTime: 2024-08-22 10:23:25
 * @version: 1.2.5
 * @Description: 
-->
<script setup lang="ts">
defineProps({
    pageCurrent: { type: Number, default: 1 },
    pageSize: { type: Number, default: 10 },
    total: { type: Number, default: 10 },
    //total, sizes, prev, pager, next, jumper
    layout: { type: String, default: "total, prev, pager, next, jumper" },
    background: { type: Boolean, default: false },
    align: { type: String, default: 'right' },
});
const handleCurrentChange = () => {

}
</script>
<template>
    <div class="flex  flex-items-center w-100% p-t-3" :class="align">
        <el-pagination :current-page="pageCurrent" :page-size="pageSize" :layout="layout" :total="total"
            :background="background" @current-change="handleCurrentChange" />
    </div>
</template>
<style lang="scss" scoped>
.right{
    justify-content: right;
}
.left{
    justify-content: left;
}
.center{
    justify-content: center;
}
</style>
